@import "../../assets/less/mixins";
.bgi(@url) { background: url(@url) no-repeat; }

.login {
    .size(100%, 100%);
    .bgi('./images/bg.jpg');
    .bgs(100%, 100%);
  .login-header {
    display: flex;
    align-items: center;
    height: 80px;
    .bg(rgba(21, 20, 13, .5));
    img {
      .size(50px, 50px);
      margin: 0 15px 0 50px;
    }
    h2 {
      .fz(30px);
      .color(#fff);
      margin-bottom: 0;
    }
  }

  .login-content {
    .size(400px, 300px);
    .bg(#fff);
    .border-box();
    margin: 50px auto;
    padding: 20px 40px;
    h2 {
      .fz(26px);
      .center(text-x);
      .fw();
      margin-bottom: 20px;
    }
    .login-form {
      width: 100%;
      .login-form-button {
        width: 100%;
      }
    }
  }
}
